<template>
<div class="padding20"> 
  <el-row>
    <el-col :span="8"
      ><div class="grid-content bg-purple">
        <el-select v-model="value1" placeholder="行业分类">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select></div
    ></el-col>
    <el-col :span="8"
      ><div class="grid-content bg-purple-light">
        <el-select v-model="value2" placeholder="注册资本">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select></div
    ></el-col>
    <el-col :span="8"
      ><div class="grid-content bg-purple">
        <div class="searchStyle">
          <el-input placeholder="请输入企业名称、法人名称" v-model="keyword">
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>
          <el-button type="warning" class="searchBtn" @click="handleChildSearch"
            >搜索</el-button
          >
        </div>
      </div></el-col
    >
  </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
       options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value1: '',
        value2: '',
        keyword:'飞晟文汇'
    };
  },
  mounted() {},
  methods: {
    handleChildSearch(){ 
      this.$emit('handleChildSearchs',{
        value1:this.value1,
        value2:this.value2,
        keyword:this.keyword,
      })
    }
  },
};
</script>

<style scoped lang="scss">
.padding20{
  padding: 10px 20px;
  background: #E5F2FF;
}
.searchStyle {
  background-color: #fff;
  box-shadow: 0px 2px 6px 0px rgba(7, 28, 69, 0.3);
  border-radius: 0px 0px 0px 0px;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
::v-deep .searchStyle .el-input__inner {
  border: 0 !important;
}
.searchBtn {
}
</style>
